<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Mayday</title>
</head>
<style>
  .z1 {
    width: 150px;
    position: fixed;
    z-index: 1;
    top: 20px;
    left: 10px;
    background: rgb(26, 6, 6);
    overflow-x: hidden;
    padding: 8px 0;
  }

  .z1 a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 25px;
    color: #0a3557;
    display: block;
  }

  .z1 a:hover {
    color: #064579;
  }

  .z2 {
    margin-left: 140px;
    font-size: 28px;
    padding: 0px 10px;
  }

  @media screen and (max-height: 450px) {
    .z1 {
      padding-top: 15px;
    }

    .z1 a {
      font-size: 18px;
    }
  }

  div.gallery {
    margin: 100px;
    border: 1px solid #ccc;
    float: left;
    width: 250px;
    box-shadow: 10px 10px 10px;
  }

  div.gallery:hover {
    border: 1px solid #777;
  }

  div.gallery img {
    width: 100%;
    height: auto;
  }

  #z3 {
    position: fixed;
    bottom: 0;
    right: 20;
  }
</style>

<body background="May2.jpg">
  <div class="z1">
    <a href="https://baike.baidu.com/item/%E4%BA%94%E6%9C%88%E5%A4%A9/17011">简介</a>
    <a href="https://music.163.com/#/artist?id=13193">相关歌曲</a>
    <a
      href="https://www.douyin.com/search/%E4%BA%94%E6%9C%88%E5%A4%A9%E8%B7%A8%E5%B9%B4%E6%BC%94%E5%94%B1%E4%BC%9A2023%E7%BA%BF%E4%B8%8A%E7%9B%B4%E6%92%AD?source=search_sug&aid=46a57da6-bf0a-4969-8059-1622beda4f7d&enter_from=discover&focus_method=">线上演唱会</a>
    <a href="https://zhidao.baidu.com/question/8410139.html">成就</a>
  </div>
  <div class="z2">
    <h2>这里是五月天</h2>
    <video src="Mmv2.mp4" controls></video>
  </div>
  <div class="gallery"><img src="May1.jpeg"></div>
  <div class="gallery"><img src="May3.jpeg"></div>
  <div class="gallery"><img src="May4.jpg"></div>
  <p>当我和世界不一样，那就让我不一样。坚持对我来说，就是以刚克刚。我如果对自己妥协，如果对自己说谎。即使别人原谅，我也不能原谅。最美的愿望，一定最疯狂。我就是我自己的神，在我活的地方。</p>
  <a href="Jay.html">前往下一子页</a>
  <div id="z3">
    <a href="index.html">回到主页</a>
  </div>

</body>

</html>